<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>CSS复合选择器</title>
    <style type="text/css">
        p .txt{color: red;}
        p.txt{color: blue;line-height: 28px;}
    </style>
</head>
<body>

    复合选择器分为后代选择器、交集选择器和并集选择器。
    <ol>
        <li>
            交集选择器。是由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。其中第一个必须是标签选择器，第二个必须是类选择器或者ID选择器。这两个选择器之间不能有空格，必须连续书写。
            <h2>蝶恋花&#8226;庭院深深深几许</h2>
            <strong>宋&#8226;欧阳修</strong>
            <p class="txt">庭院深深深几许，杨柳堆烟，帘幕无重数。玉勒雕鞍游冶处，楼高不见章台路。<strong class="txt">雨横风狂三月暮，门掩黄昏，无计留春住。</strong>泪眼问花花不语，乱红飞过秋千去。</p>
        </li>
    </ol>

</body>
</html>